<!--
 * @Description: 
 * @Date: 2023-02-09 14:28:42
 * @Author: LP
 * @LastEditTime: 2023-05-24 11:29:22
-->
<template>
	<FlowRender ref="flowRender" height="800px" :drag="true"> </FlowRender>
	
	<!-- <flow-design-panel height="300px">

<flow-branch-node :node="node3"></flow-branch-node>

</flow-design-panel> -->
</template>
<script lang="ts" setup>
import { ref, onMounted } from 'vue';
import { FlowRender } from '@javaguns/flow-ui';
import { IconAggregateFlow } from '@javaguns/icon';
// import {  pluginManager } from '@javaguns/utils';

// const Button = pluginManager.getComponent('Button')

const flowRender = ref<InstanceType<typeof FlowRender>>();

onMounted(() => {
	flowRender.value?.setData({
		instanceId: '1769282859608764418',
		modelId: '1767546705305862145',
	});
});

const node3 = ref({
	nodeName: '路由',
	nodeType: 4,
	// 流程节点状态(用于只读模式, 0:未进行 1:进行中  2:已完成)
	nodeStatus: -1,
	// 显示添加按钮
	addable: true,
	// 可删除
	canDelete: true,
	// 是否修改
	update: false,
	// 子节点
	childNode: undefined,
	conditionNodes: [
		{
			nodeName: '条件1',
			nodeType: 3,
			// 流程节点状态(用于只读模式, 0:未进行 1:进行中  2:已完成)
			nodeStatus: -1,
			// 显示添加按钮
			addable: true,
			// 可删除
			canDelete: true,
			// 可删除提示
			deletable: false,
			// 是否激活
			active: false,
			// 是否可以拷贝
			canCopy: true,
			// 是否修改
			update: false,
			// 拖拽样式
			dragClass: false,
			// 拖拽工具
			dragTool: false,
			// 是否有错误
			error: false,
			// 显示内容
			content: undefined,
			// 图标
			icon: 'fenzhijiedian',
			iconUrl: 'https://foruda.gitee.com/images/1689560302802681260/6708fb5e_9837676.png',
			color1: 'rgb(0, 110, 248)',
			color2: 'rgb(0, 110, 248)',
			color3: 'rgb(105, 172, 255)',
			// 子节点
			childNode: undefined,
			// 条件组
			conditionGroup: [],
		},
		{
			nodeName: '默认条件',
			nodeType: 3,
			// 流程节点状态(用于只读模式, 0:未进行 1:进行中  2:已完成)
			nodeStatus: -1,
			// 显示添加按钮
			addable: true,
			// 可删除
			canDelete: false,
			// 可删除提示
			deletable: false,
			// 是否激活
			active: false,
			// 是否可以拷贝
			canCopy: true,
			// 是否修改
			update: false,
			// 拖拽样式
			dragClass: false,
			// 拖拽工具
			dragTool: false,
			// 是否有错误
			error: false,
			// 显示内容
			content: '不满足时，进入默认条件',
			// 图标
			icon: 'fenzhijiedian',
			iconUrl: 'https://foruda.gitee.com/images/1689560302802681260/6708fb5e_9837676.png',
			color1: 'rgb(0, 110, 248)',
			color2: 'rgb(0, 110, 248)',
			color3: 'rgb(105, 172, 255)',
			// 子节点
			childNode: undefined,
			// 条件组
			conditionGroup: [],
		},
	],
});
</script>
